import Vue from 'vue'
import VueRouter from 'vue-router'

// 导入页面
// 新闻列表
import List from '@/views/list'
// 新闻详情
import Detail from '@/views/detail'

Vue.use(VueRouter)

const routes = [
  // 通过路由重定向跳转到对应页面
  {
    path: '/',
    redirect: '/list'
  },
  // 新闻列表=>首页
  {
    path: '/list',
    name: 'list',
    component: List
  },
  // 新闻详情=》使用动态路由
  {
    path: '/detail/:id',
    name: 'detail',
    component: Detail
  }
]

const router = new VueRouter({
  routes
})

export default router
